@import '../../_utils/style/mixins/mixins.scss';
@import '../../_utils//style/theme/theme.scss';
@import 'mixin.scss';

@include b(input) {
  $input-prefix: &;
  @include focus($primary-5, $primary-shadow-color);
  &[disabled] {
    @include disabled();
  }
  @include e(disabled, '-') {
    @include disabled();
  }
  @include e(md, '-') {
    @include input-md();
  }
  @include e(group-addon, '-') {
    background-color: $input-addon-bg;
  }
  
  @include e(password, '-') {
    @include suffix-icon();
  }
  @include e(search, '-') {
    @include suffix-icon();
  }
  @include e(clear-icon, '-') {
    @include clear-icon();
  }
  @include e(textarea-clear-icon, '-') {
    @include clear-icon();
  }
  @include e(group, '-') {
    &-md #{$input-prefix},
    &-md > &-addon {
      @include input-md();
    }
  }

  // &:-internal-autofill-selected {
  //   background-color: inset 0 0 0 1000px rgab(255, 255, 255, 0)!important;
  // }
}
